<!DOCTYPE html>
<html>
<body>   
	<style>
        * {
            margin: 0;
            padding: 0;
        }
         .button {
            border-color: cornsilk;
            background-color: rgba(150, 109, 237, 0.7);
            color: aliceblue;
            border-style: hidde;
            border-radius: 30px;
            width: 350px;
            height: 60px;
            font-size: 35px;
        }
        </style>
        </head>
    </body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
<audio id="audio" autoplay="autoplay"><source src="4950.mp3"></audio>
<audio id="audio" autoplay="autoplay"><source src="4950.ogg"></audio>
<div class="main">
<div class="content">
 <div class="button" style="width: 440px;cursor: pointer;" onclick="alert">
<a href="https://x--y.gitee.io/sy2/tsy/1.html"style="text-decoration:none">烟花</a>
</div>
</div>
</body>
<script>
	var media = document.getElementById("audio");
	wx.config({
		//如果没有必要实现微信接口相关处理，下面配置可设置为空（必须要有）；如果有微信接口相关实现，自己补充完整，不会冲突
		debug: false, //false
		appId: '',
		timestamp:'',
		nonceStr: '',
		signature: '',
		jsApiList: ''
	});
 
	wx.ready(function () {
		media.play();	//利用wx.ready方法初始化时，播放音乐，可绕过iOS的限制
	});
</script>
</html>